<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    function ajax(data) {
//      data={data:"",dataType:"xml/json";type:"get/post",url:"",asyn:"true/false",success:function(){},failure:function(){}}

      // 第一步：创建xhr对象
//       标准浏览器
      if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
      } else {
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
      }
//       第二步：准备发送前的一些参数
//       第三个参数默认为true 异步
      var type = data.type == 'get' ? 'get' : 'post';
      var url = '';
      if (data.url) {
        url = data.url;
        if (type == 'get') {
          url += "?" + data.data + "&_t" + new Date().getTime();
        }
      }
      var flag = data.asyn == 'true' ? 'true' : 'false';

      xhr.open(type, url, flag);
//       第三步 执行发送动作
      xhr.send(null);
      if (type == 'get') {
      } else if (type == 'post') {
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.send(data.data);
      }
//       第四步 指定回调函数
      xhr.onreadystatechange = function () {
        if (this.readyState == 4) {
          if (this.status == 200) {
            if (typeof data.success == 'function') {
              var d = data.dataType == 'xml' ? xhr.responseXML : xhr.responseText;
              data.success(d);
            }
          } else {
            if (typeof  data.dataType == 'function') {
              data.failure();
            }

          }
        }

      }
    }
  </script>

</head>
<body>
<div id="ems">
  <div>
    <input type="text" id="code">
    <input type="button" value="查询" id="btn">
  </div>
  <div id="list"></div>
</div>
<script>
  window.onload = function () {
    var btn = document.getElementById('btn');
    btn.onclick =function () {
      var param = {
        url:"00data.php",
        type:'get',
        dataType:'json',
        success:function (data) {
          
        }
      };
      ajax(param);
  }
  }
</script>

</body>
</html>